const path = require('path')
const {VueLoaderPlugin} = require('vue-loader')
module.exports = {
    mode:'development',
  // 打包入口
  entry: './src/main.js',
  // 打包出口
  output: {
    // 文件名
    filename: 'main.js',
    // 路径
    path: path.resolve(__dirname, 'dist')
  },
   // 开发服务器
   devServer: {
    contentBase: './dist', // 服务器根目录
    port: 3000, // 端口号
    open: true // 自动打开浏览器
  },
  module: {
    rules: [
      {
            test: /\.css$/,
            use: ['style-loader', 'css-loader']
      },
      {
        test: /\.(png|svg|jpg|jpeg|gif)$/i,
        type: 'asset/resource'
      },
      {
        test: /\.vue$/,
        loader: 'vue-loader'
      }
    ]
  },
  plugins: [
    // 请确保引入这个插件！
    new VueLoaderPlugin()
  ]
}